<template>
	<view class="Body hall" style="width:100%; min-height: 100%;">
		<div class="Site PageBox" style="width:100%; min-height: 100%; height: auto;">
			<div class="van-nav-bar van-nav-bar--fixed">
				<div class="van-nav-bar__content">
					<div class="van-nav-bar__title van-ellipsis">{{common.hall.default[0]}}</div>
					<!-- <div class="van-nav-bar__right" @click="dumprun('/pages/setting/userTaskRecord')"><i
							class="van-icon"><img src="../../static/image/news/task00.png" class="van-icon__image"></i>
					</div> -->
				</div>
			</div>
			<view class="toplist">
				<image src="../../static/image/news/hall.png" mode=""></image>
				<image class="top-img" src="../../static/image/news/hall3.png" mode=""></image>
				<view class="top-text">
					<view class="text-item">
						{{userinfo.money}}
						<text>{{common.buy.label[0]}}</text>
					</view>
					<view class="text-line">
						
					</view>
					<view class="text-item">
						USDT
						<text>{{common.hall.default[8]}}</text>
					</view>
				</view>
			</view>
			<!-- <div class="tool">
				<table style="text-align: center; width: 100%; ">
					<tr>
						<td style="text-align: center;">
							<div style="font-size: 26rpx"> {{common.buy.label[0]}} {{userinfo.money}}</div>
						</td>
					</tr>
					
					<tr>
						<td style="text-align: center;">
							<div style="font-size: 26rpx"> {{common.hall.default[8]}}:USDT</div>
						</td>
					</tr>
					<tr>
						<td style="text-align: center;padding-top: 6px;">
							<view @tap.stop="dumprun('/pages/index/busauth')"
								class="van-button van-button--default van-button--min"
								style="padding: 5px 5px;height: 25px; line-height: 13px; color: #222; background: #03E4DF;font-size: 13px;">
								{{common.news[0]}}
							</view>
						</td>
					</tr>
					
					
				</table>
			</div> -->


			<!-- <view class="hall_business">
				<view>
					<u-icon :name="require('@/static/image/news/mai.png')" size="40rpx" @click="dumprun('/pages/index/buy')"> </u-icon>
					<text @click="dumprun('/pages/index/buy')">{{common.hall.default[2]}}</text>
				</view>

				<view>
					<u-icon :name="require('@/static/image/news/mai2.png')" size="40rpx"  @click="dumprun('/pages/index/sell')"></u-icon>
					<text @click="dumprun('/pages/index/sell')">{{common.hall.default[3]}}</text>
				</view>
			</view> -->





			<view class="rolling_purchase_data">
				<swiper class="rolling_swiper" circular :autoplay="true" :vertical="true" :interval="2000">
					<swiper-item v-for="item in secondsInterval" :key="item.amount">
						<view class="swiper_items">
							<img :src="item.header" class="robotheader">
							<view> {{item.username}}
								{{common.news[1]}}
								{{item.amount}} EUR {{item.time}}{{common.common5[1]}}{{common.common5[2]}}
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view>
			
			<view style="background-color: #2A2D34;height: 28rpx;">
				
			</view>





			<div class="title01">
				<div class="van-grid" style="padding-left: 5px;">
					<div class="van-grid-item" style="flex-basis: 50%; padding-right: 5px;">
						<div class="van-grid-item__content van-grid-item__content--center"><button @click="qieh(1)"
								class="van-button van-button--default van-button--normal"
								:class="sellForm.status == 1 ? '' : 'tt3'"
								style="color: #000; border-color: #fff; width: 100%; height: 80rpx;border: none;"
								:style="sellForm.status == 1 ? 'background: #03E4DF' : 'background: #fff'">
								<div class="van-button__content"><span class="van-button__text"><span
											class="tt3"> {{common.hall.default[6]}}</span></span>
								</div>
							</button></div>
					</div>
					<div class="van-grid-item" style="flex-basis: 50%; padding-right: 5px;">
						<div class="van-grid-item__content van-grid-item__content--center">
							<button @click="qieh(2)"
								class="van-button van-button--default van-button--normal"
								:class="sellForm.status == 2 ? '' : 'tt3'"
								style="color: #000; border-color: #fff; width: 100%; height: 80rpx;border: none;"
								:style="sellForm.status == 2 ? 'background: #03E4DF' : 'background: #fff'">
								<div class="van-button__content"><span class="van-button__text"><span class="">
											{{common.hall.default[7]}}</span></span>
								</div>
							</button>
						</div>
					</div>
				</div>
			</div>
			<view class="newList">
				<view class="new-top">
					<view style="width: 50%;">{{common.table[5]}}</view>
					<view style="width: 25%;">{{sellForm.status == 1?'USDT'+common.hall.list[0]:common.table[6]}}</view>
					<view style="width: 25%;">{{sellForm.status == 1?common.hall.list[1]+'(EUR)':common.table[7]}}</view>
				</view>
				<view class="new-item" v-if="sellForm.status == 1" v-for="item in list">
					<view style="width: 50%;">{{item.username}}</view>
					<view style="width: 25%;">{{item.shuliang}}</view>
					<view style="width: 25%;">{{item.danjia}}</view>
				</view>
				<view class="new-item" v-if="sellForm.status == 2" v-for="item in list">
					<view style="width: 50%;display: flex;flex-direction: column;">{{item.username}}
					<text style="color: #03E4DF;margin-top: 10rpx;">{{common.hall.list[6]}} ：{{item.mine}}-{{item.maxe}}</text>
					</view>
					<view style="width: 25%;">{{item.shuliang}}</view>
					<view style="width: 25%;display: flex;flex-direction: column;">{{item.danjia}}
					<view class="sall-btn" @click="dakai(item.id,item.danjia)">{{common.table[8]}}</view>
					</view>
				</view>
			</view>
			<div class="van-list__finished-text">{{common.vanPull[0]}}</div>
			<div role="dialog" :aria-labelledby="common.hall.list[3]" class="van-dialog"
				style="z-index: 2007;" v-if="isshow">
				<div class="van-dialog__header">{{common.hall.list[3]}}</div>
				<div class="van-dialog__content">
					<div style="width: 90%; margin-top: 50px; margin-bottom: 50px;">
						<div class="van-cell van-field"
							style="margin-left: 20px; height: 80rpx; background-color: #313644;">
							<div class="van-cell__value van-cell__value--alone van-field__value">
								<div class="van-field__body"><input type="text"
										:placeholder="common.hall.list[4]" class="van-field__control"
										v-model="ushu" style="background-color: #313644;"></div>
							</div>
						</div>
						<div style="margin-left: 30px; margin-top: 10px; font-size: 24rpx;color: #fff;">
							{{common.hall.list[5]}}:
							<text style="color: #fff;">{{(ushu*shijia).toFixed(2)}} EUR</text>
						</div>
					</div>
				</div>
				<div class="van-hairline--top van-dialog__footer"><button @click="isshow = false"
						class="van-button van-button--default van-button--large van-dialog__cancel">
						<div class="van-button__content"><span
								class="van-button__text">{{common.common[3]}}</span></div>
					</button><button @click="chushou"
						class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left">
						<div class="van-button__content">
							<span class="van-button__text">{{common.common[2]}}</span>
						</div>
					</button></div>
			</div>
			<!-- <div class="records" style="height: auto;">
				<div class="van-pull-refresh">
					<div class="van-pull-refresh__track" style="transition-duration: 0ms; height: auto;">
						<div class="van-pull-refresh__head"></div>
						<div role="feed" class="van-list" aria-busy="true">

							<div class="records" v-if="sellForm.status == 1" v-for="item in list">
								
								<view class="sell_items">
									<view class="sell_top">
										<view class="fl">
											<view style="display: flex; align-items: center;">
												
												<text
													style="margin-left: 20rpx; font-size: 24rpx; font-weight: 700; float: left;">{{item.username}}
												</text>
												<text style="margin-left: 80px; font-size: 24rpx; font-weight: 700; float: right;">{{common.hall.list[0]}}(USDT) {{item.shuliang}}</text>
											</view>
										</view>
										
									</view>
									<view class="">
										<view style="display: flex; align-items: center;">
											<text style="margin-left: 20rpx; font-size: 24rpx; font-weight: 700; float: left;">{{common.hall.list[1]}}(EUR) {{item.danjia}} </text>
											<text style="margin-left: 100px; font-size: 24rpx; font-weight: 700; float: right;">{{common.hall.list[2]}}(USDT) {{item.shengyu}} </text>
											
										</view>
									</view>
								</view>
							</div>
							<ad-interactive v-else></ad-interactive>

							<div class="records" style="width: 100%;" 
							v-if="sellForm.status == 2"
							v-for="item in list">

								<view class="sell_items">
									<view class="sell_top">
										<view class="fl">
											<view>
												<u-avatar :src="item.avatar" size="22rpx"></u-avatar>
												<text>{{item.username}}</text>
											</view>
											<text>{{common.hall.list[6]}} ：{{item.mine}}-{{item.maxe}}</text>
										</view>
										<view class="fr" @click="dakai(item.id,item.danjia)">
											<view>{{common.hall.default[10]}}</view>
										</view>
									</view>
									<view class="sell_con">
										<view>
											<text>{{item.shuliang}}</text>
											<text>{{common.hall.list[0]}}(USDT)</text>
										</view>
										<view>
											<text>{{item.shengyu}}</text>
											<text>{{common.hall.list[2]}}(USDT)</text>
										</view>
										<view>
											<text>{{item.danjia}}</text>
											<text>{{common.hall.list[1]}}(EUR)</text>
										</view>
									</view>
								</view>
							</div>


							

							<div class="van-list__finished-text">{{common.vanPull[0]}}</div>
							<div class="van-list__placeholder"></div>
						</div>

						<div role="dialog" :aria-labelledby="common.hall.list[3]" class="van-dialog"
							style="z-index: 2007;" v-if="isshow">
							<div class="van-dialog__header">{{common.hall.list[3]}}</div>
							<div class="van-dialog__content">
								<div style="width: 90%; margin-top: 50px; margin-bottom: 50px;">
									<div class="van-cell van-field"
										style="margin-left: 20px; height: 80rpx; background-color: #313644;">
										<div class="van-cell__value van-cell__value--alone van-field__value">
											<div class="van-field__body"><input type="text"
													:placeholder="common.hall.list[4]" class="van-field__control"
													v-model="ushu" style="background-color: #313644;"></div>
										</div>
									</div>
									<div style="margin-left: 30px; margin-top: 10px; font-size: 24rpx;color: #fff;">
										{{common.hall.list[5]}}:
										<text style="color: #fff;">{{(ushu*shijia).toFixed(2)}} EUR</text>
									</div>
								</div>
							</div>
							<div class="van-hairline--top van-dialog__footer"><button @click="isshow = false"
									class="van-button van-button--default van-button--large van-dialog__cancel">
									<div class="van-button__content"><span
											class="van-button__text">{{common.common[3]}}</span></div>
								</button><button @click="chushou"
									class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left">
									<div class="van-button__content">
										<span class="van-button__text">{{common.common[2]}}</span>
									</div>
								</button></div>
						</div>

					</div>
					
				</div>

			</div> -->
		</div>
		<div style="height: 100px;background-color: #1a1a1a;"></div>
	</view>



</template>

<script>
	export default {
		data() {
			return {
				isshow: false,
				ushu: '',
				list: [],
				userinfo: [],
				rolist: [],
				rolist1: [],
				rolist2: [],
				secondsInterval: [],
				seconds: 15,
				shijia: '',
				danjia: '',
				orderid: '',
				sellForm: {
					page: 1,
					list: 999,
					status: 1
				},
				timerId: null, // 用于存储定时器 ID
				count: 0 // 示例计数器
			};
		},
		onLoad(options) {
			const {
				id
			} = options
			this.id = id
			this.getlist()
			this.getrobot()
			if(this.sellForm.status == 1){
				this.startTimer();
			}
			let that = this
			this.$u.api.index.shoujia().then(res => {
				that.shijia = res.data.shoujia
			})
			uni.setNavigationBarTitle({
				title: 'ACE'
			})

		},
		onHide(){
			this.stopTimer();
		},
		onUnload() {
		    // 页面卸载时停止定时器
		    this.stopTimer();
		},
		onShow() {
			this.getuserinfo()
			const token = uni.getStorageSync('token')
			// this.$u.api.index.isotcsell(token).then(res => {
			// 	if (res.msg == 'weigui') {
			// 		this.dumprun('/pages/index/busauth?shumu=' + res.data)
			// 	} else if (res.msg == 'jutishi') {
			// 		this.dumprun('/pages/setting/bindinfo')
			// 	} else {

			// 	}
			// })
			if(this.sellForm.status == 1){
				this.startTimer();
			}
			this.substring();
		},
		methods: {
			startTimer() {
				this.stopTimer();
				console.log('开启定时器')
				if (this.timerId == null) {
					  this.timerId = setInterval(() => {
						this.getlist();
					  }, 3000); // 每秒执行一次
				}
			},
			stopTimer() {
				console.log('关闭定时器')
			  if (this.timerId !== null) {
				 clearInterval(this.timerId);
				 this.timerId = null;
			  }
			},
			substring() {
				// 2、js截取某个字符串前面的内容：
				var str = "hardnosed@gmail.com";
				str = str.match(/(\S*)@/)[1];
				// console.log(str); //结果aaabbbcccdddeee

				// 3、js截取某个字符串后面的内容：
				var str = "hardnosed@gmail.com";
				str = str.match(/@(\S*)/)[1];
				// console.log(str); //结果bbbcccdddeeefff

			},

			dakai(id, danjia) {
				this.orderid = id
				this.danjia = danjia
				this.shijia = danjia
				this.isshow = true
			},
			getuserinfo() {
				const token = uni.getStorageSync('token')
				this.$u.api.index.getUserinfo(token).then(res => {
					this.userinfo = res.data
				})
			},
			getrobot() {
				const token = uni.getStorageSync('token')
				this.$u.api.index.robot(token).then(res => {
					this.secondsInterval = res.data
				})
			},
			getlist() {
				const token = uni.getStorageSync('token')
				this.$u.api.index.mSell(token, this.sellForm).then(res => {
					if (res.code == 1) {
						this.list = res.data
					}
				})


				// if (this.xtype == 1) {
				// 	this.$u.api.index.datings(token).then(res => {
				// 		this.list = res.data
				// 	})
				// } else {
				// 	this.$u.api.index.dating(token, 1).then(res => {
				// 		this.list = res.data
				// 	})
				// }
			},
			qieh(data) {
				this.list = []
				this.sellForm.status = data
				this.getlist()
				if(data == 1){
					this.startTimer();
				}else{
					this.stopTimer();
				}
			},
			back() {
				const pages = getCurrentPages();
				if (pages.length === 2) {
					uni.navigateBack({
						delta: 1
					});
				} else if (pages.length === 1) {
					uni.switchTab({
						url: '/pages/index/index',
					})
				} else {
					uni.navigateBack({
						delta: 1
					});
				}
			},
			chushou() {
				let that = this
				// const token = uni.getStorageSync('token')
				// this.$u.api.index.isups(token).then(res => {
				// 	if(res.data == 1){
				that.chus()
				// 	}else{
				// 		that.$utils.showToast(this.common.busAuth2[5])
				// 	}
				// })
			},
			chus() {
				const token = uni.getStorageSync('token')
				this.$u.api.index.otcsell(token, this.orderid, this.ushu, this.danjia).then(res => {
					this.$utils.showToast('success')
					this.isshow = false
					this.getuserinfo()
				})
			},
			dumprun(url) {
				// if (url == '/pages/index/buy') {
				let that = this
				const token = uni.getStorageSync('token')
				this.$u.api.index.isups(token).then(res => {
					if(res.data == 1){
						uni.navigateTo({
							url
						})
					}else{
				that.$utils.showToast(this.common.busAuth2[5])
					}
				})
				// } else {
				// uni.navigateTo({
				// 	url
				// })
				// }
			},
		},
		computed: {
			common() {
				return this.$t("common")
			},
		}
	}
</script>

<style scoped lang="scss">
	.PageBox {
		color: #635327;
		padding-top: 40px;
		background-color: #1a1a1a;
	}

	.head {
		margin-top: 0 !important;
	}

	.van-nav-bar {
		background-color: #1a1a1a !important;
	}

	.van-nav-bar .van-nav-bar__title {
		color: #fff;
		font-weight: 700
	}

	.robotheader {
		font-size: 19px;
		border-radius: 50%;
		background: pink;
		overflow: hidden;
		width: 38rpx;
		height: 38rpx
	}

	.van-icon__image {
		width: 45rpx !important;
	}

	.href {
		color: #ad890c
	}

	.records {
		background: #2A2D34;
		width: 100%;
		margin: auto;
		border-radius: 10px;
		color: #9b9b9b;
		margin-bottom: 10px;
	}

	.Content img {
		max-width: 100%
	}

	.van-cell__title {
		font-size: 14px;
		color: #000
	}

	.itemDesc {
		border: 2px solid #0076fa;
		width: 36px;
		height: 36px;
		font-size: 12px;
		margin-left: 120px;
		text-align: center;
		background-color: #2A2D34;
		color: #fff;
		border-radius: 50%
	}

	.PageBox .van-grid-item__content {
		padding: 10px !important;
		display: flex;
		color: #ccc;
		// background-color: #fdfaf1;
	}

	.PageBox .van-grid-item__text {
		color: #ccc
	}

	.PageBox .van-dialog {
		
		color: #000;
		width: 636rpx;
		height: 572rpx;
		background-color: #5B5F68;

		.van-dialog__header {
			background-color: #03E4DF;
			height: 100rpx;
			color: #000;
			font-size: 28rpx;
			text-align: center;
			line-height: 100rpx;
		}

		.van-dialog__content {
			// margin: 40rpx 0 80rpx 0;
		}
	}

	.PageBox .van-dialog__confirm {
		margin: 0 20rpx;
		background-color:#03E4DF;
		color: #fff;
		height: 70rpx;
	}

	.van-dialog .van-cell {
		background: #353c4a;
		color: #fff
	}

	.van-dialog .van-field__control {
		background-color: #353c4a;
		color: #fff
	}

	.PageBox .van-dialog__cancel {
		background-color: #f5f5f5;
		margin: 0 20rpx;
		color: #000;
		height: 70rpx;
	}

	.title00 {
		background: #fdead9;
		width: 95%;
		color: #000;
		margin: auto;
		font-weight: 700;
		line-height: 40px;
		text-align: center
	}

	.MyHeader {
		font-size: 19px;
		border-radius: 50%;
		background: pink;
		overflow: hidden;
		width: 52px;
		height: 52px
	}

	.MyHeader img {
		width: 100%
	}

	.title01 {
		
		
		
	}

	.sellitem,
	.sell_items {
		background-color: #fff;
		width: 100%;
		text-align: left;
		color: #222;
		font-size: 15px;
		margin-bottom: 10px;
		line-height: 22px;
		margin-top: 10px;
		border-radius: 10px
	}

	.sell_items {
		padding: 20rpx;

		.sell_top {
			display: flex;

			.fl {
				flex: 1;

				&>text:last-child {
					color: #ed742e;
				}
			}

			.fr {
				&>view {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 60rpx;
					width: 120rpx;
					color: #5ecc80;
					border-radius: 6rpx;
					border: 1px solid #5ecc80;
					background-color: #effaf2;
				}
			}
		}

		.sell_con {
			display: flex;
			justify-content: space-between;
			margin-top: 20rpx;

			&>view {
				display: flex;
				align-items: center;
				flex-direction: column;
				color: #666;

				&>text:first-child {
					margin-bottom: 10rpx;
					font-weight: 700;
					color: #222;
					font-size: 26rpx;
				}
			}
		}
	}


	.ScrollBox .van-cell {
		padding: 20px 5px;
		border-bottom: 1px solid #d9d9d9
	}

	.ScrollBox .van-cell:last-child {
		border-bottom: 0 solid #d9d9d9
	}

	.ScrollBox .van-cell:after {
		display: none
	}

	.ScrollBox .van-icon-chat-o:before {
		content: "";
		border-radius: 50%;
		background: #fdfaf1;
		width: 8px;
		height: 8px
	}

	.ScrollBox .van-icon-chat-o {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.ScrollBox .van-cell__title {
		font-size: 16px;
		font-family: ui-serif
	}

	.ScrollBox h3 {
		font-size: 1.05rem;
		font-family: emoji
	}

	.van-cell .van-icon {
		font-size: 18px;
		color: #333
	}

	.hallswipe {
		/* width: 96%; */
		/* margin-left: 6px; */
		margin: 5px;
		padding: 15px;
		height: 60px;
		z-index: 50;
		/* margin-top: 5px;
		margin-bottom: 5px; */
		color: #ccc;
		background-color: #191c23
			/* background-color: antiquewhite; */
	}

	.ScrollBox .van-tab :first-of-type div {
		background-color: #000;
		padding: 5px;
		border: 1px solid;
		border-radius: 20px;
		color: #fff
	}

	.ScrollBox .van-tab--active :first-of-type div,
	.ScrollBox .van-tab--active :first-of-type div div {
		background-color: #f5c73a;
		padding: 5px;
		border-radius: 20px;
		color: #000
	}

	.PageBox .van-popup__close-icon--top-right {
		color: #333;
		top: 20px;
		right: 20px
	}

	.PageBox .Content {
		margin-top: 40px;
		padding: 0 20px
	}

	.PageBox .Content p {
		font-size: 13px;
		line-height: 1.7;
		font-family: vant-icon;
		font-weight: 400;
		color: #666
	}



	.hall {
		// padding: 20rpx;
		background-color: #1A1A1A;

		.tool {
			height: 200rpx;
			border-radius: 10px;
			color: #fff;
			background-color: #03E4DF;
			overflow: hidden;
			display: flex;
			align-items: center;
			margin: 10px 5px;

			&::before {
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: -80%
			}

		}

		.hall_business {
			display: flex;
			align-items: center;
			height: 100rpx;
			justify-content: space-between;

			&>view {
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #fff;
				width: 300rpx;
				height: 70rpx;
				border-radius: 12rpx;

				&>text {
					margin-left: 20rpx;
				}
			}
		}

	}

	.rolling_purchase_data {
		// margin: 20rpx 0 40rpx 0;
		height: 80rpx;
		// border: 1px solid #03E4DF;
		border-radius: 6rpx;

		.rolling_swiper {
			height: 100%;

			.swiper_items {
				padding: 0 20rpx;
				display: flex;
				align-items: center;
				height: 100%;

				&>view {
					margin-left: 26rpx;
					display: flex;
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #FFFFFF;
				}
			}
		}
	}
	
	.toplist{
		padding: 16rpx 25rpx;
		position: relative;
		height: 300rpx;
		
		image{
			position: absolute;
			width: 700rpx;
			height: 272rpx;
			top: 16rpx;
			left: 25rpx;
		}
		.top-img{
			width: 56rpx;
			height: 53rpx;
			position: relative;
			margin-top: 36rpx;
			margin-left: 322rpx;
		}
		.top-text{
			margin-top: 44rpx;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-around;
			.text-item{
				display: flex;
				flex-direction: column;
				align-items: center;
				font-family: WeChat Sans Std, WeChat Sans Std;
				font-weight: 500;
				font-size: 40rpx;
				color: #111111;
				text{
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #111111;
				}
				
			}
			.text-line{
				width: 2rpx;
				height: 70rpx;
				border: 2rpx solid #37C3C1;
			}
		}
	}
	.newList{
		padding: 24rpx;
		box-sizing: border-box;
		.new-top{
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 22rpx;
			color: #696A6C;
			border-bottom: 1rpx solid #2A2D34;
			padding-bottom: 20rpx;
			
		}
		.new-item{
			height: 100rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #FFFFFF;
			border-bottom: 1rpx solid #2A2D34;
			
		}
	}
	.sall-btn{
		width: 92rpx;
		height: 56rpx;
		padding: 0 10rpx;
		background: #03E4DF;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 26rpx;
		color: #111111;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>